<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta content="telephone=no" name="format-detection" />
	<meta http-equiv="Cache-Control" content="no-cache"/>
	<meta name="MobileOptimized" content="320">
	<!-- uc强制竖屏 -->
	<meta name="screen-orientation" content="portrait">
	<!-- QQ强制竖屏 -->
	<meta name="x5-orientation" content="portrait">
	<!-- UC强制全屏 -->
	<meta name="full-screen" content="yes">
	<!-- QQ强制全屏 -->
	<meta name="x5-fullscreen" content="true">
	<!-- UC应用模式 -->
	<meta name="browsermode" content="application">
	<!-- QQ应用模式 -->
	<meta name="x5-page-mode" content="app">
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/index.css">
	<link rel="stylesheet" href="css/simpScroller.css">
	<script type="text/javascript" src="js/viewport.js"></script>
	<script type="text/javascript" src="js/simpScroller-min.js"></script>
	<script type="text/javascript" src="js/index.js"></script>
	<title>在线订餐</title>
</head>
<body>
	<header>
		<div class="head-word">
			<img src="images/大虾来了.png" alt="">
		</div>
	</header>
	<div class="ad-img1">
		<img src="images/ad-img1.jpg" alt="">
	</div>
	<div class="btn-box">
		<div class="begin clearfix">
			<div class="left-img-box">
				<img src="images/left-btn-img.png" alt="">
			</div>
			<button class='start-btn'>开始订餐</button>
		</div>
		<div class="record">
			<div class="right-img-box">
				<img src="images/right-btn-img.png" alt="">
			</div>
			<button class="record-btn">订餐记录</button>
		</div>
	</div>
	<div class="ad-img2">
		<img src="images/ad-img2.jpg" alt="">
	</div>
	<footer>
		<div class="cloud1">
			<img src="images/cloud.png" alt="">
		</div>
		<div class="cloud2">
			<img src="images/cloud.png" alt="">
		</div>
		<div class="footer-word">
			<img src="images/footer-word-img.png" alt="">
		</div>
		<div class="city-img">
			<img src="images/city.png" alt="">
		</div>
		<div class="footer-btn">
			<button>开始点餐</button>
		</div>
	</footer>
	

</body>
</html>